/* ============================ */
/* CSS for control sap.m/Table  */
/* Base theme                   */
/* ============================ */

.sapMListTbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

html[data-sap-ui-browser='ie11'] .sapMListTbl {
	padding: 1px; /* outline must be visible */
}

.sapMListTbl .sapMLIB {
	display: table-row;
}

.sapMListTbl th:focus,
.sapMListTbl td:focus {
	outline: none;
}

.sapMListTblCellNoData {
	text-align: center;
}

.sapMListTblHeaderNone {
	height: 0;
}

.sapMListTblCellDup > .sapMListTblCellDupCnt {
	/* hide content visually but have it available for screen readers */
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

tr.sapMListTblHeaderNone > th {
	border: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sapMListTblHeaderNone > .sapMListTblSelCol > .sapMCb,
.sapMListTblHeaderNone > .sapMListTblCell > * {
	display: none;
}

.sapMListTbl .sapMLabel {
	word-wrap: normal;
}

.sapMListTblNone {
	display: none;
}

.sapMListTblSelCol {
	width: 3rem;
}

.sapMListTblNavCol {
	width: 0;
}

.sapMListTblUnreadCol {
	width: 1.74rem;
}

.sapMListTblSubCnt {
	display: block;
}

.sapMListTblSubCntRow {
	overflow : hidden;
}

.sapMListTblSubCntSpr,
.sapMListTblSubCntHdr,
.sapMListTblSubCntVal {
	display: inline-block;
	vertical-align: top;
}

.sapMListTblSubCntValBlock {
	display: block;
}

.sapMListTblHighlightCol {
	width: 0;
	padding: 0;
}

.sapMListTblHighlightCol + .sapMListTblHeaderCell,
.sapMListTblHighlightCell + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListHighlight .sapMListTblHighlightCol{
	width: 0.375rem;
}

.sapMListTblHighlightCell {
	padding: 0;
	position: relative;
	overflow: hidden;
}

html[data-sap-ui-browser='ie11'] .sapMListTblHighlightCell > .sapMLIBHighlight {
	height: 40rem; /* IE11 cannot stretch the height of the cell content */
}

/* responsive table approach */
@media screen and (max-width: 1119px) {
	.sapMListTblCell.sapMSize-xxlarge{
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sapMListTblCell.sapMSize-desktop{
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.sapMListTblCell.sapMSize-xlarge{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.sapMListTblCell.sapMSize-large{
		display: none;
	}
}

@media screen and (max-width: 599px) {
	.sapMListTblCell.sapMSize-tablet{
		display: none;
	}
}

@media screen and (max-width: 559px) {
	.sapMListTblCell.sapMSize-medium{
		display: none;
	}
}

@media screen and (max-width: 479px) {
	.sapMListTblCell.sapMSize-small{
		display: none;
	}
}

@media screen and (max-width: 319px) {
	.sapMListTblCell.sapMSize-xsmall{
		display: none;
	}
}

@media screen and (max-width: 239px) {
	.sapMListTblCell.sapMSize-xxsmall,
	.sapMListTblCell.sapMSize-phone{
		display: none;
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMListTbl");

.sapMListTblNavCol,
.sapMListTblSelCol {
	vertical-align: top;
	padding: 0;
}

.sapMListTblNavCol > .sapMLIBImgNav{
	display: block;
}

.sapMListTblSelCol {
	width: 3rem;
}

.sapMListTblNavCol .sapMLIBIconDet {
	margin-left: 0;
}

.sapMListModeSingleSelect .sapMListTblSelCol{
	padding: 0;
}

.sapMListTblSelCol > .sapMLIBSelectSL,
.sapMListTblSelCol > .sapMLIBSelectD,
.sapMListTblSelCol > .sapMLIBSelectM{
	margin: 0;
	padding: 0;
}

.sapMListTblUnreadCol{
	display: none;
}

.sapMListTbl {
	font-size: @sapUiListTableTextSize;
}

.sapMListTbl .sapMText,
.sapMListTbl .sapMLabel {
	font-size: @sapUiListTableTextSize;
	color: @sapUiListTextColor;
	font-weight: normal;
}

.sapMListTbl .sapUiIcon:not(.sapMLIBImgNav){
	font-size: @sapUiListTableIconSize;
}

.sapMListTbl .sapMLIBSelectD > .sapUiIcon {
	font-size: 1.375rem;
	padding: .75rem 0;
}

.sapMListTblCell {
	padding: .875rem .5rem;
	vertical-align: top;
	font-size: @sapUiListTableTextSize;
}

.sapMListTblCell.sapMListTblCellNoData {
	font-size: 1rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	line-height: 1.6;
	border-bottom: 1px solid @sapUiListBorderColor;
}

.sapMListTblNone:first-child + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListTblSelCol + .sapMListTblCell {
	padding-left: 0;
}

.sapMListTblCell.sapMListTblCellNoData,
.sapMListTblRow > :nth-last-child(2) {
	padding-right: 1rem;
}

.sapMListTblHasNav .sapMListTblRow > :nth-last-child(2),
.sapMListModeSingleSelect.sapMListTblHasNav .sapMListTblRow > :nth-last-child(2) {
	padding-right: 0;
}

.sapMListTblHasNav .sapMListTblNavCol{
	width: 3rem;
}

.sapMLIB.sapMListTblRow {
	border-bottom: 0;
}

.sapMListTblCell.sapMListTblCellDup{
	border-color: transparent;
}

.sapMListModeMultiSelect .sapMListTblSubCnt,
.sapMListModeSingleSelectLeft .sapMListTblSubCnt {
	padding-left: 3rem;
}

/* table column header */
.sapMListTbl th {
	background: @sapUiListHeaderBackground;
	border-bottom: 1px solid @sapUiListHeaderBorderColor;
}

/* table footer */
.sapMListTblFooter > td {
	border-top: 1px solid @sapUiListTableFooterBorder;
}

/* footer text should be bold */
.sapMListTblFooter .sapMText,
.sapMListTblFooter .sapMLabel {
	font-weight: bold;
}

/********** COMPACT DESIGN ************/

/* overwite cell style */
.sapUiSizeCompact .sapMListTblCell {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}

.sapUiSizeCompact .sapMListTblCell.sapMListTblCellNoData {
	font-size: @sapUiListTableTextSize;
}

/* overwrite text control styles */
.sapUiSizeCompact .sapMListTblCell > .sapMLnk,
.sapUiSizeCompact .sapMListTblCell > .sapMText,
.sapUiSizeCompact .sapMListTblCell > .sapMLabel,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectNumber {
	vertical-align: middle;
	line-height: 1.4;
}

/* special class name to add margin to multiline contents */
.sapUiSizeCompact .sapMTableContentMargin {
	margin: .5rem 0;
}

/* navigation and selection columns are in the middle */
.sapUiSizeCompact .sapMListTblNavCol,
.sapUiSizeCompact .sapMListTblSelCol {
	vertical-align: middle;
	text-align: center;
}

/* decrease the navigation icon size */
.sapUiSizeCompact .sapMListTblNavCol > .sapMLIBImgNav{
	width : auto;
	height: 2rem;
	line-height: 2rem;
}

/* decrease the selection column width */
.sapUiSizeCompact .sapMListTblSelCol {
	width: 2.5rem;
}

/* decrease the navigation column width */
.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol{
	width: 2rem;
}

/* let the checkbox have its own natural size for selection column */
.sapUiSizeCompact .sapMListTblSelCol .sapMCb {
	width : auto;
}

/* min height for the table cells */
.sapUiSizeCompact .sapMListTblCell{
	height: 2rem;
}

/* table delete icon */
.sapUiSizeCompact .sapMListTbl .sapMLIBSelectD {
	width: auto;
}

.sapUiSizeCompact .sapMListTbl .sapMLIBSelectD > .sapUiIcon {
	font-size: 1rem;
	padding: 0;
}

.sapUiSizeCompact .sapMListTblNavCol .sapMLIBIconDet {
	margin-right: 0;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}

/* align relative float left checkbox in table cell */
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectS .sapMRbB,
.sapUiSizeCompact .sapMListTblSelCol >.sapMLIBSelectSL .sapMRbB {
	margin-left: 0.25rem;
	padding: 0;
}

/* reset height of cells when no header is defined */
.sapMListTblHeaderNone > .sapMListTblCell {
	height: 0;
}